<template>
  <div id="Result">
    <el-result title="选购成功！" subTitle="感谢您的支持">
      <template slot="icon">
        <el-image src="../static/xiexie.png" class="img"></el-image>
      </template>
      <template slot="extra">
        <el-button class="button" v-on:click="backHome">回到首页</el-button>
        <div class="font" v-on:click="back">意犹未尽？返回商品详情页面</div>
      </template>
    </el-result>
  </div>
</template>

<script>
export default {
  name: "Result",
  methods: {
    back: function () {
      this.$router.push({
        path: this.$route.query.path,
        query: {
          data: this.$route.query.data
        }
      })
    },
    backHome: function () {
      this.$router.push({
        path: "/home_A"
      })
    }
  }
}
</script>

<style scoped>
#Result {
  padding-top: 100px;
}
.img {
  width: 251px;
  height: 256px;
}
.button {
  font-size: 24px;
  padding: 15px 30px;
  background: rgba(176, 224, 230, 1);
  color: rgba(28, 28, 28, 0.6);
  border-radius: 15px;
}
>>> .el-result__title p {
  font-size: 28px;
}
>>> .el-result__subtitle p {
  font-size: 24px;
}
.font {
  padding-top: 50px;
  text-decoration: underline;
  font-size: 20px;
  color: rgba(176, 224, 230, 1);
  cursor: pointer;
}
</style>
